 <!DOCTYPE html>
<html>

<head>
  <!-- META DATA -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="description" content="Free Responsive Html5 Templates">
    <meta name="author" content="">

    <title>导航条</title>
  
    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css"  type="text/css">
    
    <!-- Owl Carousel Assets -->
    <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
    <!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    
    <!-- Custom Fonts -->
    <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>

    <link href="css/index.css" rel="stylesheet" type="text/css">

    <link href="css/goodlawer.css" type="text/css" rel="stylesheet" />
    
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
    
</head>

 <body>
 
<header>
  <<footer>
      

   <div class="wrap-footer">
            <div class="container">
                <div class="row"> 
                    
                    <div class="col-footer col-md-4 widget_recent_entries">
                        <h2 class="footer-title">友情链接</h2>
                        <ul>
                            <li><a href="http://www.tmkoo.com">中国商标局</a></li>
                            <li><a href="http://www.baidu.com">北京工商局</a></li>
                            <li><a href="http://www.ccopyright.com.cn/">中国版权保护中心</a></li>
                            <li><a href="http://wang68705.honpu.com/">北京软件保护协会</a></li> 
                        </ul>
                    </div>
                    <div class="col-footer col-md-4">
                        <h2 class="footer-title">合作伙伴</h2>
                        <div class="item">
                           <div class="company">
                            <div class="cpmpany1">
                                <img src="images/360.jpg" height="40" width="100">
                                <img src="images/ali.jpg" height="40" width="100">
                                <img src="images/shiyou.jpg" height="40" width="100">
                                <img src="images/ali.jpg" height="40" width="100">
                                <img src="images/ali.jpg" height="40" width="100">
                            </div>
                            
                           </div>
                    </div>
                    </div>
                    <div class="col-footer col-md-4">
                        <h2 class="footer-title">新闻快讯</h2>
                        如果您想收到我们的最新消息直接发送到您的电子邮件，请在下面留下您的电子邮件地址。订阅是免费的，您可以随时取消。
                        <form action="#" method="post">
                            <input type="text" name="your-name" value="" size="40" placeholder="Your Email" />
                            <input type="submit" value="订阅" class="btn btn-3" />
                        </form>
                    </div>
                </div>

        </div>
  </footer>        
</body>
</html>